*
{
    margin: 0;
    padding: 0;
    outline: none;
    border: none;
}

html, body
{
    height: 100%;
}

body, div, a, p, ul, ol, li, table, td, th,
{
    font-family: Tahoma;
    font-weight: normal;
}

h1, h2, h3, h4, h5, h6
{
    font-family: Arial;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.clear
{
    clear: both;
}

.layer1
{
    width: 70%;
    height: 3.125em;
    background-color: #00ffff;
    margin-bottom: 1%;
}

.layer2
{
    width: 90%;
    height: 1.875em;
    background-color: #33ccff;
    margin-bottom: 1%;
}

.layer3
{
    width: 50%;
    background-color: #3399ff;
    margin-bottom: 2.5%;
    padding: 2% 1.85185%;
    padding-bottom: 9%;
}

.layer3_1
{
    width: 40%;
    height: 2.5em;
    background-color: #9999ff;
    margin-bottom: 2.5%;
}

.layer3_2
{
    width: 50%;
    height: 2.5em;
    background-color: #cc66ff;
    margin-bottom: 2.5%;
}

.layer3_3
{
    width: 100%;
    height: 3.125em;
    background-color: #ffa1a1;
    margin-bottom: 4.5%;
}

.layer3_2,
.layer3_4,
.layer3_5,
.layer3_6
{
    height: 4.375em;
}

.layer3_4
{
    width: 20%;
    background-color: #a16382;
}

.layer3_5
{
    width: 16%;
    background-color: #6363a1;
    margin-left: 4%;
}

.layer3_6
{
    width: 18%;
    background-color: #c1c1a1;
}

.layer4
{
    width: 40%;
    background-color: #6699ff;
    margin-bottom: 2.5%;
}

.layer4_1
{
    height: 3.75em;
    width: 17.5%;
    background-color: #6181df;
}

.layer4_2
{
    height: 3.75em;
    width: 20%;
    background-color: #ff61ff;
    margin-left: 2.5%;
}

.margin_top
{
    margin-top: 4.5%;
}

.layer4_3
{
    height: 3.125em;
    margin-top: 4%;
    margin-bottom: 25%;
    width: 100%;
    background-color: #9a57dd;
}